<template>
  <!-- 定义后台欢迎页面 -->
  <div>
    <h1>优集二手车欢迎您</h1>
    <el-card>
          <el-row>
            <el-col><h1>数据统计</h1></el-col>
          </el-row>

         <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
         <div id="main" style="width: 500px;height:300px;"></div>

        </el-card>
  </div>
</template>

<script>
  /* 导入echarts组件 */
  import * as echarts from 'echarts';
  export default {
    data() {
      return {

      }
    },
    created(){

    },
    //当页面dom对象初始化之后执行
    mounted(){
      var myChart = echarts.init(document.getElementById('main'));
      // 指定图表的配置项和数据
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
          }
        },
        xAxis: {
          type: 'category',
          data: ['日', '周', '月'],
          axisTick: {
            alignWithLabel: true
          }
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          name: '流量',
          data: [15, 53, 675],
          type: 'bar'
        }]
      };

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    },
    methods: {

    }
  }
</script>

<style>
</style>
